<!DOCTYPE html>
<html lang="zh">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>首页</title>
  <link rel="stylesheet" href="./css/toggle.css">
  <link rel="stylesheet" href="./css/style.css">
  <script src="./js/jquery.min.js">
  </script>
</head>

<body>
  <div id="wrapper">
    <!-- Sidebar -->
    <nav class="navbar navbar-fixed-top" id="sidebar-wrapper" role="navigation">
      <div class="nav sidebar-nav">
        <h3>医疗科普助手</h3>
        <ul class='midd'>
          <li><a href="index.html"><i class="icon-home"></i>回到主页</a></li>
          <li><a href="#"><i class="icon-edit"></i>每日签到</a></li>
          <li><a href=""> <i class="icon-food"></i>我的金币</a></li>
          <li><a href="#"><i class="icon-share"></i>我的分享</a></li>
          <li><a href="#"><i class="icon-glass"></i>学术成就</a></li>
          <li><a href="#"><i class="icon-gift"></i>邀请好友</a></li>
          <li><a href="#"><i class="icon-retweet"></i>意见反馈</a></li>
        </ul>
        <ul class="nav-footer">
          <li><i class="icon-question-sign"></i>帮助</li>
          <li><i class="icon-cog"></i>设置</li>
        </ul>
      </div>
    </nav>
    <!--Page Content -->
    <div class="upload" id="page-content-wrapper">
      <header>
        <ul>
          <li><a id="back"><i class="icon-circle-arrow-left"></i></a></li>
          <li>|</li>
          <li>上传成果</li>
          <li class="pull-right" id="toggle"><i class="icon-user-md"></i></li>
          <div class="modal fade bs-example-modal-sm modalContents" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
            <div class="modal-dialog modal-sm" role="document" id="modal">
              <div class="modal-content">
                <div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
                <div class="">
                  <i class="icon-desktop"></i>
                </div>
                <h3>电脑上传/上传成果</h3>
                <p>请用电脑打开浏览器打开网址</p>
                <p>http://www.dfusion.cn</p>
              </div>
            </div>
          </div>
          <li class="pull-right" data-toggle="modal" data-target=".bs-example-modal-sm"><i class="icon-desktop"></i></li>
        </ul>
      </header>
      <!-- shadow -->
      <div class="items-shodow" style="display:none">
      </div>
      <!-- midd contents -->
      <div class="items" id="contents">
        <ul>
          <li class="table-view-cell">
            <a class="list-title" href="/paper">
                                      <i class="icon-plus"></i>论文
                                  </a>
            <i class="pull-right icon-angle-right"></i>
          </li>
          <li class="table-view-cell">
            <a class="list-title" href="/verticalTopic">
                                      <i class="icon-plus"></i>纵向课题
                                  </a>
            <i class="pull-right icon-angle-right"></i>

          </li>
          <li class="table-view-cell">
            <a class="list-title" href="/patent">
                                       <i class="icon-plus"></i>专利
                                  </a>
            <i class="pull-right icon-angle-right"></i>

          </li>
          <li class="table-view-cell">
            <a class="list-title" href="/soft">
                                       <i class="icon-plus"></i>软件著作权
                                  </a>
            <i class="pull-right icon-angle-right"></i>

          </li>
          <li class="table-view-cell">
            <a class="list-title" href="/personAward">
                                       <i class="icon-plus"></i>个人获奖
                                  </a>
            <i class="pull-right icon-angle-right"></i>

          </li>
          <li class="table-view-cell">
            <a class="list-title" href="/stuAward">
                                       <i class="icon-plus"></i>学生获奖
                                  </a>
            <i class="pull-right icon-angle-right"></i>

          </li>
          <li class="table-view-cell">
            <a class="list-title" href="/continuingEducation">
                                       <i class="icon-plus"></i>继续教育材料

                                  </a>
            <i class="pull-right icon-angle-right"></i>
          </li>
          <li class="table-view-cell">
            <a class="list-title" href="/book">
                                       <i class="icon-plus"></i>著作
                                  </a>
            <i class="pull-right icon-angle-right"></i>

          </li>
          <li class="table-view-cell">
            <a class="list-title" href="/horResearch">
                                       <i class="icon-plus"></i>横向课题
                                  </a>
            <i class="pull-right icon-angle-right"></i>

          </li>
          <li class="table-view-cell">
            <a class="list-title" href="/report">
                                       <i class="icon-plus"></i>新闻报道
                                  </a>
            <i class="pull-right icon-angle-right"></i>

          </li>
          <li class="table-view-cell">
            <a class="list-title" href="/certicate">
                                       <i class="icon-plus"></i>档案资料
                                  </a>
            <i class="pull-right icon-angle-right"></i>
          </li>
        </ul>
      </div>
      <div class="footer">
        <ul>
          <li><a href="/index"><i class="icon-upload-alt"></i><span>上传成果</span></a></li>
          <li><a href="/manager"><i class="icon-tasks"></i><span>管理成果</span></a></li>
          <li><a href=""><i class="icon-folder-open-alt"></i><span>生成材料</span></a></li>
          <li><a href="/searchList"><i class="icon-search"></i><span>检索</span></a></li>
        </ul>
      </div>
    </div>
  </div>
  <script src='./js/bootstrap.js'></script>
  <script type="text/javascript">
    $('#back').on('click', function() {
      window.history.go(-1);
    })
    $(document).on("click", '#toggle',
      function() {
        $('#wrapper').addClass('toggled');
        $(".items-shodow").css('display', 'block');
      }).on("click", '.items-shodow',
      function() {
        $('#wrapper').removeClass('toggled');
        $(".items-shodow").css('display', 'none');
      });
  </script>
</body>

</html>
